@import '../../style/input.scss';
.container{
    min-height: 100vh;
    // padding: 30rpx 30rpx 150rpx;
    background-color: #F9F9FA;
}
.scroll{
    height: 100vh;
}
.scroll-box{
    padding: 30rpx 30rpx 150rpx;
}
.triangle{
    top: 7rpx;
    left: 6rpx;
}
.triangle-active{
    top: 4rpx;
}
.reduce-describe{
    color: #646A73;
    font-size: 28rpx;
}
.reduce-time{
    color: #202536;
    font-size: 28rpx;
    font-weight: 600;
}
.input-box .before-icon{
    top: 0;
    left: 0;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 160rpx;
    border-right: 1px solid #DEE0E3;
}
.input-box .input.pleft{
    padding-left: 180rpx;
}
.head-input{
    box-sizing: border-box;
    .title{
        color: #202428;
        font-size: 32rpx;
        font-weight: 700;
    }
    .determine-time{
        padding: 8rpx 16rpx;
        background: #ffffff;
        border-radius: 8rpx;
    }
}
.workers{
    width: 100%;
    .workers-item{
        width: 100%;
    }
}
.worker-container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.worker-box{
    width: 100%;
}
.worker-select{
    margin-right: 10rpx;
}
.worker{
    margin-top: 30rpx;
}
.foot-btn{
    padding: 20rpx 30rpx;
    box-sizing: border-box;
}
.title-all{
    margin-left: 8rpx;
    color: #202428;
    font-size: 24rpx;
}
.mini-btn-active{
    width: 387rpx !important;
}
.mini-btn-color:not([size=mini]){
    border: 1rpx solid #C1C4C9;
    color: #646A73;
}
.popup-box{
    padding: 60rpx 30rpx 0 30rpx;
    .title{
        color: #202536;
        font-size: $font-normal;
        .tips{
            color: #FF8172;
            font-size: $font-normal;
        }
    }
    .popup-row{
        margin-top: 30rpx;
    }
}
.date .after-icon.triangle {
    position: absolute;
    top: 38rpx;
}
.input-box-active{
    width: 578rpx;
}
.input-box .input.pleft-active{
    padding-left: 10rpx;
    width: 578rpx;
}